<div data-page="coupon" class="page no-toolbar  no-swipeback coupon-page">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="left">
                <a href="#" class="link back icon-only" >
                    <i class="icon icon-back"></i>
                </a>
            </div>
            <div class="center">我的优惠券</div>
            <div class="right"></div>
        </div>
        <div class="coupon-page-top-line"></div>
        <!-- Sub navbar -->
        <div class="subnavbar">
            <div class="buttons-row">
                <a href="#tab1" class="button tab-link active">未使用</a>
                <a href="#tab2" class="button tab-link">已使用</a>
                <a href="#tab3" class="button tab-link">已过期</a>
            </div>
        </div>
    </div>

    <div class="page-content">
        <section>
            <div class="nav_mid" id="couponbox">
                <div class="tabs-animated-wrap">
                    <div class="tabs">
                        <div id="tab1" class="tab active">
                            <div class="content-block" id="no_use">

                            </div>
                        </div>
                        <div id="tab2" class="tab">
                            <div class="content-block" id="used">
                            </div>
                        </div>
                        <div id="tab3" class="tab">
                            <div class="content-block" id="expired">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>